<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<base href="<%=basePath%>">

		<title>My JSP 'mainFrame.jsp' starting page</title>

		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0">
		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="This is my page">
		<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
		<link rel="stylesheet" href="/resource/css/manager/common.css"
			type="text/css" />
	</head>

	<body>
		<script type="text/javascript">
	var preClassName = "man_nav_1";
	function list_sub_nav(Id, sortname) {
		if (preClassName != "") {
			getObject(preClassName).className = "bg_image";
		}
		if (getObject(Id).className == "bg_image") {
			getObject(Id).className = "bg_image_onclick";
			preClassName = Id;
			showInnerText(Id);
			window.top.frames['leftFrame'].outlookbar.getbytitle(sortname);
			window.top.frames['leftFrame'].outlookbar.getdefaultnav(sortname);
		}
	}

	function showInnerText(Id) {
		var switchId = parseInt(Id.substring(8));
		var showText = "对不起没有信息！";
		switch (switchId) {
		case 1:
			showText = "欢迎使用无忧易货网（www.51ehuo.cn）后台管理系统!";
			break;
		case 2:
			showText = "system setting!";
			break;
		case 3:
			showText = "User Manage";
			break;
		case 4:
			showText = "Chanage Manage";
			break;
		case 5:
			showText = "Ad AND news!";
			break;
		}
		getObject('show_text').innerHTML = showText;
	}
	//获取对象属性兼容方法
	function getObject(objectId) {
		if (document.getElementById && document.getElementById(objectId)) {
			// W3C DOM
			return document.getElementById(objectId);
		} else if (document.all && document.all(objectId)) {
			// MSIE 4 DOM
			return document.all(objectId);
		} else if (document.layers && document.layers[objectId]) {
			// NN 4 DOM.. note: this won't find nested layers
			return document.layers[objectId];
		} else {
			return false;
		}
	}
</script>
	<body>
		<div id="nav">
			<ul>
				<li id="man_nav_1" onclick="list_sub_nav(id,'管理首页')"
					class="bg_image_onclick">
					管理首页
				</li>
				<li id="man_nav_2" onclick="list_sub_nav(id,'系统设置')"
					class="bg_image">
					系统设置
				</li>
				<li id="man_nav_3" onclick="list_sub_nav(id,'账户管理')"
					class="bg_image">
					账户管理
				</li>
				<li id="man_nav_4" onclick="list_sub_nav(id,'易货管理')"
					class="bg_image">
					易货管理
				</li>
				<li id="man_nav_5" onclick="list_sub_nav(id,'广告新闻')"
					class="bg_image">
					广告新闻
				</li>
			</ul>
		</div>
		<div id="sub_info">
			&nbsp;&nbsp;
			<img src="/resource/images/manager/hi.gif" />
			&nbsp;
			<span id="show_text">欢迎使用无忧易货网后台管理系统!</span>
		</div>
	</body>
</html>
